// map.js
// repair_pkg/pages/detail/index.js
// map.js
import qqmap from "../../../utils/qqmap"
let repair_id
Page({
  data: {
    latitude: 23.106414,
    longitude: 113.324553,
    // 标记点 从广州塔到吉山幼儿园
    markers: [
      {
        id: 1,
        latitude: 23.106414,
        longitude: 113.324553,
      }
    ],
    from: {
      latitude: 23.128387,
      longitude: 113.427879,
    },
    to: {
      latitude: 23.106414,
      longitude: 113.324553,
    },
    dialogVisible: false
  },
  onLoad({ id }) {
    repair_id = id
    // 获取维修详情
    this.getRepairDetail((id))
    this.createPolyLine()
  },
  async getRepairDetail(id) {
    // id 不存在就不必发请求了
    if (!id) return
    // 请求数据接口
    const { code, data: repairDetail } = await wx.http.get('/repair/' + id)
    // 校验接口调用结果
    if (code !== 10000) return wx.utils.toast('获取报修详情失败!')
    // 渲染报修详情
    this.setData({ ...repairDetail })
    console.log(18, repairDetail);
  },
  // 打开取消的二次询问弹窗
  dialogOpen() {
    this.setData({
      dialogVisible: true
    })
  },
  // 关闭取消的二次询问弹窗
  dialogClose(ev) {
    // 如果是点击确定confirm来关闭的, 真正调用取消接口
    if (ev.detail === 'confirm') this.cancelRepair()
  },
  // 发请求，取消保修
  async cancelRepair() {
    // 请求数据接口
    const { code } = await wx.http.put('/cancel/repaire/' + repair_id)
    // 检测接口的调用结果
    if (code !== 10000) return wx.utils.toast('取消报修失败!')
    // 跳转到报修列表页面
    wx.navigateBack()
  },
  // 修改报修
  editRepair() {
    wx.navigateTo({
      // repair_id 是全局变量，在前面已经定义
      url: '/repair_pkg/pages/form/index?id=' + repair_id,
    })
  },
  createPolyLine() {
    qqmap.direction({
      mode: 'bicycling',
      from: this.data.from,
      to: this.data.to,
      success: (res) => {
        console.log('路线查询结果', res);
        const coords = res.result.routes[0].polyline
        console.log(80, coords);
        const points = []
        //坐标解压（返回的点串坐标，通过前向差分进行压缩）
        for (let i = 2; i < coords.length; i++) {
          coords[i] = Number(coords[i - 2]) + Number(coords[i]) / 1000000
        }
        // console.log(86, coords);
        //将解压后的坐标放入点串数组pl中
        for (let i = 0; i < coords.length; i += 2) {
          points.push({ latitude: coords[i], longitude: coords[i + 1] })
        }
        //设置polyline属性，将路线显示出来,将解压坐标第一个数据作为起点
        this.setData({
          polyline: [
            {
              points, //解压后经纬度组成的数组
              color: '#5591af',//路线颜色和宽度
              width: 4,
            },
          ],
        })
        // console.log(97, this.data.polyline);
      }
    })
  },

})

